<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/4.4.2/css/swiper.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/hover.css/2.3.1/css/hover-min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.7.0/animate.min.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/index.css">
    <title>首页</title>
</head>

<body>
    <!-- 页头 -->
    <div class="header">
        <div class="container d-flex justify-content-between align-items-center">
            <div class="logo">
                <img src="img/logo.png">
                <h1>陕西时代汇达教育</h1>
            </div>
            <ul class="nav">
                <li><a class="nav__active" href="index.html">首页</a></li>
                <li><a href="html/product.html">培训项目</a></li>
                <li><a href="html/teacher.html">金牌讲师</a></li>
                <li><a href="html/course.html">免费课程</a></li>
                <li><a href="#">学历提升</a></li>
                <li><a href="html/student.html">就业学员</a></li>
                <li><a href="html/about.html">关于我们</a></li>
                <li><a href="html/news.html">新闻资讯</a></li>
                <li><a href="html/contact.html">联系我们</a></li>
            </ul>
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="img/banner/demo1.jpg"></div>
                <div class="swiper-slide"><img src="img/banner/demo2.jpg"></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="index">
        <!-- 培训项目 -->
        <div class="section section-pxxm">
            <div class="container">
                <div class="headline mb-5">培训项目</div>
                <ul class="pxxm-list mb-5 wow fadeInUp">
                    <li>
                        <a href="#"><img src="img/index/pxxm1.png"><img class="hover" src="img/index/pxxm1-fu.png"></a>
                        <a href="#">JAVA培训</a>
                    </li>
                    <li>
                        <a href="#"><img src="img/index/pxxm2.png"><img class="hover" src="img/index/pxxm2-fu.png"></a>
                        <a href="#">JAVA培训</a>
                    </li>
                    <li>
                        <a href="#"><img src="img/index/pxxm3.png"><img class="hover" src="img/index/pxxm3-fu.png"></a>
                        <a href="#">JAVA培训</a>
                    </li>
                    <li>
                        <a href="#"><img src="img/index/pxxm4.png"><img class="hover" src="img/index/pxxm4-fu.png"></a>
                        <a href="#">JAVA培训</a>
                    </li>
                    <li>
                        <a href="#"><img src="img/index/pxxm5.png"><img class="hover" src="img/index/pxxm5-fu.png"></a>
                        <a href="#">JAVA培训</a>
                    </li>
                </ul>
                <a class="more hvr-float-shadow wow fadeInUp" href="#">了解更多</a>
            </div>
        </div>
        <!-- 就业保障 -->
        <div class="section section-jybz">
            <div class="container">
                <div class="headline mb-5">就业保障</div>
                <div class="jybz-cont">
                    <ul class="jybz-list">
                        <li>
                            <img class="wow fadeInLeft" src="img/index/jybz1.png">
                            <div class="wow fadeInRight">
                                <h3>企业合作</h3>
                                <p>不断与新企业拓展合作，建立良好合作关系，保障大量岗位供学员选择。</p>
                            </div>
                        </li>
                        <li>
                            <img class="wow fadeInLeft" src="img/index/jybz2.png">
                            <div class="wow fadeInRight">
                                <h3>模拟面试</h3>
                                <p>对学员进行简历指导及多轮模拟面试，从简历 、技术、人事、作品四个层面助你提升。</p>
                            </div>
                        </li>
                        <li>
                            <img class="wow fadeInLeft" src="img/index/jybz3.png">
                            <div class="wow fadeInRight">
                                <h3>全国就业</h3>
                                <p>企业合作老师帮你推荐全国70000+合作企业，保障一地学习全国就业</p>
                            </div>
                        </li>
                        <li>
                            <img class="wow fadeInLeft" src="img/index/jybz4.png">
                            <div class="wow fadeInRight">
                                <h3>职业素养</h3>
                                <p>根据企业需求，每月进行职业素养课训练，帮助学员提升整体职业素质。</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 金牌讲师 -->
        <div class="section section-jpjs">
            <div class="container">
                <div class="headline mb-5">金牌讲师</div>
                <ul class="jpjs-list wow fadeInUp">
                    <li>
                        <img src="img/index/jpjs1.jpg">
                        <h3>张老师</h3>
                        <p>JAVA总监级讲师</p>
                        <hr class="hover">
                    </li>
                    <li>
                        <img src="img/index/jpjs2.jpg">
                        <h3>张老师</h3>
                        <p>JAVA总监级讲师</p>
                        <hr class="hover">
                    </li>
                    <li>
                        <img src="img/index/jpjs3.jpg">
                        <h3>张老师</h3>
                        <p>JAVA总监级讲师</p>
                        <hr class="hover">
                    </li>
                    <li>
                        <img src="img/index/jpjs4.jpg">
                        <h3>张老师</h3>
                        <p>JAVA总监级讲师</p>
                        <hr class="hover">
                    </li>
                </ul>
            </div>
        </div>
        <!-- 免费课程 -->
        <div class="section section-mfkc">
            <div class="container">
                <div class="headline headline--white mb-5">免费课程</div>
                <ul class="mfkc-list">
                    <li class="mfkc-list__item mfkc-list__item--left">
                        <a class="mfkc-list__item__link" href="#">
                            <img class="wow fadeInLeft" src="img/index/mfkc1.jpg">
                            <div class="hover"></div>
                        </a>
                        <div class="mfkc-list__item__cont wow fadeInRight">
                            <span class="hr">&nbsp;</span>
                            <p>课程名称：Google I/O 2016 技术揭秘与前瞻</p>
                            <p>课程时长：共3个课时/50分钟</p>
                            <p>主讲老师：李老师</p>
                            <p>课程简介：课程内容简介课程内容简介课程内容简介课程内容简介课程内容简介课程内内容简介课程内容简介课程内容简介课程内容简介课程内容简介课程内容简介课程内容容简介课程内容简介。</p>
                        </div>
                    </li>
                    <li class="mfkc-list__item mfkc-list__item--right">
                        <div class="mfkc-list__item__cont wow fadeInLeft">
                            <span class="hr">&nbsp;</span>
                            <p>课程名称：Google I/O 2016 技术揭秘与前瞻</p>
                            <p>课程时长：共3个课时/50分钟</p>
                            <p>主讲老师：李老师</p>
                            <p>课程简介：课程内容简介课程内容简介课程内容简介课程内容简介课程内容简介课程内内容简介课程内容简介课程内容简介课程内容简介课程内容简介课程内容简介课程内容容简介课程内容简介。</p>
                        </div>
                        <a class="mfkc-list__item__link" href="#">
                            <img class="wow fadeInRight" src="img/index/mfkc1.jpg">
                            <div class="hover"></div>
                        </a>
                    </li>
                </ul>
                <a class="more more--white hvr-float-shadow wow fadeInUp" href="#">了解更多</a>
            </div>
        </div>
        <!-- 新闻动态 -->
        <div class="section section--xwdt">
            <div class="container">
                <div class="headline mb-5">新闻动态</div>
                <div class="xwdt-detail">
                    <img class="xwdt-detail__img wow fadeInUp" src="img/index/xwdt.jpg">
                    <div class="xwdt-detail__time"><b class="wow fadeInUp">02</b><span class="wow fadeInUp">2018-10</span></div>
                    <a class="xwdt-detail__title wow fadeInUp" href="#">北京Java培训：暴露你的程序员身份的七个小动作</a>
                    <div class="xwdt-detail__desc wow fadeInUp">北京Java培训：暴露你的程序员身份的七个小动作内容详情内容详情内容详情内情内容详情内容详情内容详情内容详情内容详情内容详情……</div>
                    <a class="more hvr-float-shadow ml-0 wow fadeInUp" href="#">了解更多</a>
                </div>
                <ul class="xwdt-list">
                    <li class="xwdt-list__item wow fadeInUp">
                        <div class="xwdt-list__item__time"><span>02</span><span>2018-10</span></div>
                        <div class="xwdt-list__item__cont">
                            <a class="xwdt-list__item__cont-title" href="#">北京Java培训：暴露你的程序员身份的七个小动作</a>
                            <div class="xwdt-list__item__cont-desc">北京Java培训：暴露你的程序员身份的七个小动作内容详情内容详情内容详情内情内容详情内容详情内容详情内容详情内容详情内容详情……</div>
                        </div>
                    </li>
                    <li class="xwdt-list__item wow fadeInUp">
                        <div class="xwdt-list__item__time"><span>02</span><span>2018-10</span></div>
                        <div class="xwdt-list__item__cont">
                            <a class="xwdt-list__item__cont-title" href="#">北京Java培训：暴露你的程序员身份的七个小动作</a>
                            <div class="xwdt-list__item__cont-desc">北京Java培训：暴露你的程序员身份的七个小动作内容详情内容详情内容详情内情内容详情内容详情内容详情内容详情内容详情内容详情……</div>
                        </div>
                    </li>
                    <li class="xwdt-list__item wow fadeInUp">
                        <div class="xwdt-list__item__time"><span>02</span><span>2018-10</span></div>
                        <div class="xwdt-list__item__cont">
                            <a class="xwdt-list__item__cont-title" href="#">北京Java培训：暴露你的程序员身份的七个小动作</a>
                            <div class="xwdt-list__item__cont-desc">北京Java培训：暴露你的程序员身份的七个小动作内容详情内容详情内容详情内情内容详情内容详情内容详情内容详情内容详情内容详情……</div>
                        </div>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <!-- 页脚 -->
    <div class="footer">
        <div class="container">
            <ul class="ft-contact pt-5">
                <li>
                    <img src="img/phone.png">
                    <div>
                        <span>CALL&nbsp;US</span>
                        <span>029-87383760</span>
                    </div>
                </li>
                <li>
                    <img src="img/email.png">
                    <div>
                        <span>EMAIL</span>
                        <span>sxsdhd@162.com</span>
                    </div>
                </li>
                <li>
                    <img src="img/qq.png">
                    <div>
                        <span>QQ</span>
                        <span>349511163</span>
                    </div>
                </li>
                <li>
                    <img src="img/address.png">
                    <div>
                        <span>ADRESSES</span>
                        <span>西安市碑林区东大街商联大厦701室</span>
                    </div>
                </li>
            </ul>
            <div class="clear" style="border-top:1px solid #535353; margin: 20px auto;"></div>
            <ul class="ft-nav">
                <li>|<a href="index.html">首页</a></li>
                <li>|<a href="html/product.html">培训项目</a></li>
                <li>|<a href="html/teacher.html">金牌讲师</a></li>
                <li>|<a href="html/course.html">免费课程</a></li>
                <li>|<a href="#">学历提升</a></li>
                <li>|<a href="html/student.html">就业学员</a></li>
                <li>|<a href="html/about.html">关于我们</a></li>
                <li>|<a href="html/news.html">新闻资讯</a></li>
                <li>|<a href="html/contact.html">联系我们</a></li>
            </ul>
            <div class="ft-copyright">
                Copyright&nbsp;2018&nbsp;陕西时代汇达有限公司&nbsp;陕ICP备17012998号-1
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.4/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/holder/2.9.4/holder.min.js"></script>
    <script src="https://cdn.bootcss.com/Swiper/4.4.2/js/swiper.min.js"></script>
    <script src="https://cdn.bootcss.com/wow/1.1.2/wow.min.js"></script>
    <script src="https://cdn.bootcss.com/scrollup/2.4.1/jquery.scrollUp.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-color/2.1.2/jquery.color.min.js"></script>
    <script src="js/common.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            bannerPlay();
            pxxmListHover();
            jpjsListHover();
            mfkcListHover();
        });
    </script>
</body>

</html>